<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>乐享——生活乐分享</title>
<link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon">
<link href="style/base.css" rel="stylesheet" type="text/css" />
<link href="style/index.css" rel="stylesheet" type="text/css" />
<link href="style/slider.css" rel="stylesheet" type="text/css" />
<script src="style/jquery.js" type="text/javascript" /></script>
<script src="style/jquery.nivo.slider.pack.js" type="text/javascript" /></script>
<script src="style/code.js" type="text/javascript" /></script>
</head>

<body>
	<!--header begin-->
<div id="header">
    	<div id="logo"></div>
        <div id="nav">
        	<ul>
            	<li><a href="index.html">首   页</a></li>
                <li><a href="exchange.html">享·物品</a></li>
                <li><a href="needs.html">享·需求</a></li>
                <li><a href="resources.html">享·资源</a></li>
                <li><a href="help.html">享·帮助</a></li>
            </ul>
        </div><!--nav end-->
  		<div id="sysmenu">
        	<div class="search">
            	<input type="search" class="search_text" style="left: 631px" autocomplete="off"/>
                <a href="#" class="search_button"></a>            </div>
            <div class="join">
                <a class="a-btn login" href="javascript:showDiv()">
        				<span class="a-btn-text">登录</span>
				</a>
                <a href="register.html" class="a-btn register " id="a-btn-register" >
                   <span class="a-btn-text">注册</span>
                </a>
            </div><!--join end-->
            <!--弹出登录层-->
            <div id="popDiv" class="mydiv" style="display:none;">
				<div class="login_1stLine"><b> 登录</b><a href="javascript:closeDiv()" class="login_close">关闭窗口</a></div>
                <div class="login_show">
                <h1 class="login_logo">乐享——生活乐分享！</h1>
                    <div class="login_info">
                    	<table>
                        	<tr>
                            	<td>用户名：</td>
                                <td><input type="text" id="userName" class="login_inputbox" /></td>
                            </tr>
                            <tr>
                            	<td>密&nbsp;&nbsp;&nbsp;码 ：</td>
                                <td><input type="password" id="userName" class="login_inputbox"  /></td>
                            </tr>
                            <tr><td>&nbsp;</td></tr>
                            <tr>
                            	<td></td>
                                <td><a href="#" class="a-btn login_button"><span class="a-btn-text">登录</span></a>&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration:underline; font-size:12px;">忘记密码？</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div id="bg" class="bg" style="display:none;"></div>
         
            <iframe id='popIframe' class='popIframe' frameborder='0' ></iframe><!--弹出登录层结束-->
  		</div><!--sysmenu end-->
</div><!--header end-->
<!--wrap begin-->
<div id="wrap">
	<div id="banner">
        <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <a href="#" ><img src="style/img/1.jpg" style="display: inline; visibility: hidden; " title="分享你的快乐" alt=""/></a>
                <a href="#"><img src="style/img/28.jpg" style="display: inline; visibility: hidden; " title="享物"/></a>
                <a href="#"><img src="style/img/32.jpg" style="display: inline; visibility: hidden; " title="享资源"/></a>
                <a href="#"><img src="style/img/56.jpg" style="display: inline; visibility: hidden; " title="享乐趣"/></a>
            </div>        
        </div>
    
 	<!--分类列表-->
        <div id="sort">
            <h2 class="sort_h2">
                以物易物，物尽其用    
            </h2>
            <ul class="sort_1stLi">
                <li><img src="style/img/test.jpg" /></li>
                <li><a href="#">数码电子</a></li>
                <li><a href="#">日用家居</a></li>
            </ul>
            <ul>
                <li><img src="style/img/test2.jpg" /></li>
                <li><a href="#">运动健身</a></li>
                <li><a href="#">图书音像</a></li>
            </ul>
            <ul>
                <li><img src="style/img/test.jpg" /></li>
                <li><a href="#">文具饰品</a></li>
                <li><a href="#">服装包包</a></li>
            </ul>
            <ul>
                <li><img src="style/img/test2.jpg" /></li>
                <li><a href="#">礼品礼物</a></li>
                <li><a href="#">创意手工</a></li>
            </ul>      
    	</div><!--end sort-->
  	</div><!--end banner-->
    <div class="ad"><!--ad--></div>
    <div class="info"><!--information-->
    	<div class="info_box">
            <div class="star">
            	<h2 class="h2">
                    <span class="greenline">
                    	<span class="item-title">换客明星</span>
            		</span>
            	</h2>
                <div class="star_photo">
                	<a href="#">
                    	<img src="style/img/star_photo.JPG" width="300px"  height="300px"/>
                    </a>
                </div>
                <div class="star_info">
                	<div class="star_intro">
                    	<h3><a href="#" ><span class="orange">三土</span></a></h3>
                        <p class="font-12 gray">三江学院，大四学生，计算机软件工程专业，前端攻城师；乐享网站发起人。再无需前思后想，一切岂非已然过往. 
                        </p>
                    </div>
                    <div class="star_goods">
                    	<h4>TA的换物</h4>
                        <ul>
                        	<li>
                                <a href="goods.html">
                                	<img src="style/img/ex_goods/ex_goods1.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                	<img src="style/img/ex_goods/ex_goods2.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                	<img src="style/img/ex_goods/ex_goods3.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                	<img src="style/img/ex_goods/ex_goods4.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                	<img src="style/img/ex_goods/ex_goods5.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                	<img src="style/img/ex_goods/ex_goods6.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                	<img src="style/img/ex_goods/ex_goods7.jpg" />
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                	<img src="style/img/ex_goods/ex_goods8.jpg" />
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>   	
            </div>
            <div class="shareStar">
            	<h2 class="h2">
                    <span class="greenline">
                    	<span class="item-title">换客达人</span>
                        <span></span>
            		</span><a href="#" class="more_2 font-12 gray">更多<em>>></em></a>
                </h2>
                
                    <ul class="margin_right23">
                    	<li>
                        	<div class="sharerHead">
                            	<a href="#"><img src="style/img/heads_img/head2.jpg" /></a>
                            </div>
                            <div class="sharerSay font-12 gray">
                            	<p>
                                <a href="#"><span class="orange">小马哥:</span></a>90后，爱DOTA，爱妹子，纯屌丝。每天搬砖12小时。
                                </p>
                            </div>
                        </li>
                        <li>
                        	<div class="sharerHead">
                            	<a href="#"><img src="style/img/heads_img/head1.jpg" /></a>
                            </div>
                            <div class="sharerSay font-12 gray">
                            	<p>
                                <a href="#"><span class="orange">牛牛:</span></a>90后，爱DOTA，爱妹子，设计师。每天搬砖8小时。
                                </p>
                            </div>
                        </li>
                        <li>
                        	<div class="sharerHead">
                            	<a href="#"><img src="style/img/heads_img/head2.jpg" /></a>
                            </div>
                            <div class="sharerSay font-12 gray">
                            	<p>
                                <a href="#"><span class="orange">俊俊:</span></a>90后，爱DOTA，爱妹子，PHP。每天撸管3小时。
                                </p>
                            </div>
                        </li>
                        <li>
                        	<div class="sharerHead">
                            	<a href="#"><img src="style/img/heads_img/head1.jpg" /></a>
                            </div>
                            <div class="sharerSay font-12 gray">
                            	<p>
                                <a href="#"><span class="orange">林辉:</span></a>90后，爱DOTA，爱妹子，PHP攻城师。每天撸管3小时。
                                </p>
                            </div>
                        </li>
                    </ul>	
            </div>
        </div>
        <div class="info_box">
        	<div class="weekTheme">
            	<h2 class="h2">
                    <span class="greenline">
                    	<span class="item-title">每周主题</span>
            		</span>
                </h2>
                <div>
                	<h3><a href="#">晒晒童年的六一</a></h3>
                    <p class="font-12 gray">还记得当初你是怎么过六一儿童节的么？小时候你为了看哪部动画片一放学就回家守在电视机前？小时候最喜欢的零食是什么？经常和你一起玩丢沙包、跳皮筋的小伙伴们，你还记得么？</p>
                    <div class="w_banner">
                    	<a href="#"><img src="style/img/39.jpg" /></a>
                    </div>
                </div>
            </div>
            <div class="needs_center">
            	<h2 class="h2">
                    <span class="greenline">
                    	<span class="item-title">需求中心</span>
                       
            		</span><a href="#" class="more_2 font-12 gray">更多<em>>></em></a>
                </h2>
                <ul class="margin_right23">
                	<li><p class="font-14 gray"><a href="#">急需《程序员教程》</a><p></li>
                    <li><p class="font-14 gray"><a href="#">跪求CPU风扇！！！</a><p></li>
                    <li><p class="font-14 gray"><a href="#">想换一个iPod touch 8G</a><p></li>
                    <li><p class="font-14 gray"><a href="#">谁有《牛津双语辞典》？</a><p></li>
                    <li><p class="font-14 gray"><a href="#">罗技G400鼠标换一个 铝合金...</a><p></li>
                    <li><p class="font-14 gray"><a href="#">电信卡一张</a><p></li>
                     <li><p class="font-14 gray"><a href="#">班级篮球比赛，需要篮球...</a><p></li>
                     <li><p class="font-14 gray"><a href="#">急需《程序员教程》</a><p></li>
                    <li><p class="font-14 gray"><a href="#">跪求CPU风扇！！！</a><p></li>
                    <li><p class="font-14 gray"><a href="#">想换一个iPod touch 8G</a><p></li>
                    <li><p class="font-14 gray"><a href="#">谁有《牛津双语辞典》？</a><p></li>
                    <li><p class="font-14 gray"><a href="#">罗技G400鼠标换一个...</a><p></li>
                    <li><p class="font-14 gray"><a href="#">电信卡一张</a><p></li>
                     <li><p class="font-14 gray"><a href="#">班级篮球比赛，需要一个斯伯丁篮球</a><p></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="show_recommed_goods">
     <div><!--推荐换品-->
             <h2 class="h2">
                <span class="greenline">
                    <span class="item-title">推荐换品</span>
                </span>
                <a href="#" target="_blank" class="more_2">更多<em>&gt;&gt;</em></a>
             </h2>
             <ul>
                <li>
                    <a href="goods.html"><img src="style/img/goods_1.jpg" /></a>
                    <div class="goods_name"><a href="#">清新水杯</a></div>
                    <div class="gray">非常可爱的水杯</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_2.jpg" /></a>
                    <div class="goods_name"><a href="#">怀旧钟表</a></div>
                    <div class="gray">铁质，复古</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_3.jpg" /></a>
                    <div class="goods_name"><a href="#">绿色植物</a></div>
                    <div class="gray">净化空气，文艺小清新</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_4.jpg" /></a>
                    <div class="goods_name"><a href="#">《旅行游记》</a></div>
                    <div class="gray">一本关于旅游的相册</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_5.jpg" /></a>
                    <div class="goods_name"><a href="#">白色短袖</a></div>
                    <div class="gray">清爽大气</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_6.jpg" /></a>
                    <div class="goods_name"><a href="#">经典名著</a></div>
                    <div class="gray">简爱，多读书，读好书</div>
                </li>
              </ul>
            </div>
    </div><!--show_recommend_goods end-->
   
    <div class="show_all_goods">
    	<div><!--生活滋味-->
             <h2 class="h2">
                <span class="greenline">
                    <span class="item-title">生活滋味</span>
                </span>
                <span class="hotlabel gray font-12">
                    热门：
                    <a href="#">手机</a>
                    <a href="#">相机</a>
                    <a href="#">耳机</a>
                </span>
                <span class="item-lable font-12">
                    <a href="#" target="_blank">摆件</a>
                    <a href="#" target="_blank">灯具</a>
                    <a href="#" target="_blank">包款</a>
                    <a href="#" target="_blank">衬衫</a>
                    <a href="#" target="_blank">皮带</a>
                    <a href="#" target="_blank" class="more">more<em>&gt;&gt;</em></a>
                </span>
             </h2>
             <ul>
                <li>
                    <a href="#"><img src="style/img/goods_1.jpg" /></a>
                    <div class="goods_name"><a href="#">清新水杯</a></div>
                    <div class="gray">非常可爱的水杯</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_2.jpg" /></a>
                    <div class="goods_name"><a href="#">怀旧钟表</a></div>
                    <div class="gray">铁质，复古</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_3.jpg" /></a>
                    <div class="goods_name"><a href="#">绿色植物</a></div>
                    <div class="gray">净化空气，文艺小清新</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_4.jpg" /></a>
                    <div class="goods_name"><a href="#">《旅行游记》</a></div>
                    <div class="gray">一本关于旅游的相册</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_5.jpg" /></a>
                    <div class="goods_name"><a href="#">白色短袖</a></div>
                    <div class="gray">清爽大气</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_6.jpg" /></a>
                    <div class="goods_name"><a href="#">经典名著</a></div>
                    <div class="gray">简爱，多读书，读好书</div>
                </li>
              </ul>
            </div>
            <div><!--家居小物-->
             <h2 class="h2">
                <span class="greenline">
                    <span class="item-title">家居小物</span>
                </span>
                <span class="hotlabel gray font-12">
                    热门：
                    <a href="#">手机</a>
                    <a href="#">相机</a>
                    <a href="#">耳机</a>
                </span>
                <span class="item-lable font-12">
                    <a href="#" target="_blank">摆件</a>
                    <a href="#" target="_blank">灯具</a>
                    <a href="#" target="_blank">包款</a>
                    <a href="#" target="_blank">衬衫</a>
                    <a href="#" target="_blank">皮带</a>
                    <a href="#" target="_blank" class="more">more<em>&gt;&gt;</em></a>
                </span>
             </h2>
             <ul>
                <li>
                    <a href="#"><img src="style/img/goods_7.jpg" /></a>
                    <div class="goods_name"><a href="#">时尚雨伞</a></div>
                    <div class="gray">想在雨天出彩？</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_8.jpg" /></a>
                    <div class="goods_name"><a href="#">怀旧相册</a></div>
                    <div class="gray">沉淀你最深的回忆</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_9.jpg" /></a>
                    <div class="goods_name"><a href="#">许愿瓶</a></div>
                    <div class="gray">装点你的家</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_10.jpg" /></a>
                    <div class="goods_name"><a href="#">墙上挂饰</a></div>
                    <div class="gray">About Dreams</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_1.jpg" /></a>
                    <div class="goods_name"><a href="#">清新水杯</a></div>
                    <div class="gray">非常可爱的水杯</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_2.jpg" /></a>
                    <div class="goods_name"><a href="#">怀旧钟表</a></div>
                    <div class="gray">铁质，复古</div>
                </li> 
             </ul>
            </div> 
            <div><!--数码电子-->
             <h2 class="h2">
                <span class="greenline">
                    <span class="item-title">数码电子</span>
                </span>
                <span class="hotlabel gray font-12">
                    热门：
                    <a href="#">手机</a>
                    <a href="#">相机</a>
                    <a href="#">耳机</a>
                </span>
                <span class="item-lable font-12">
                    <a href="#" target="_blank">摆件</a>
                    <a href="#" target="_blank">灯具</a>
                    <a href="#" target="_blank">包款</a>
                    <a href="#" target="_blank">衬衫</a>
                    <a href="#" target="_blank">皮带</a>
                    <a href="#" target="_blank" class="more">more<em>&gt;&gt;</em></a>
                </span>
             </h2>
             <ul>
                <li>
                    <a href="#"><img src="style/img/goods_1.jpg" /></a>
                    <div class="goods_name"><a href="#">清新水杯</a></div>
                    <div class="gray">非常可爱的水杯</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_2.jpg" /></a>
                    <div class="goods_name"><a href="#">怀旧钟表</a></div>
                    <div class="gray">铁质，复古</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_3.jpg" /></a>
                    <div class="goods_name"><a href="#">绿色植物</a></div>
                    <div class="gray">净化空气，文艺小清新</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_4.jpg" /></a>
                    <div class="goods_name"><a href="#">《旅行游记》</a></div>
                    <div class="gray">一本关于旅游的相册</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_5.jpg" /></a>
                    <div class="goods_name"><a href="#">白色短袖</a></div>
                    <div class="gray">清爽大气</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_6.jpg" /></a>
                    <div class="goods_name"><a href="#">经典名著</a></div>
                    <div class="gray">简爱，多读书，读好书</div>
                </li>
              </ul>
            </div>
            <div><!--文具图书-->
             <h2 class="h2">
                <span class="greenline">
                    <span class="item-title">文具图书</span>
                </span>
                <span class="hotlabel gray font-12">
                    热门：
                    <a href="#">手机</a>
                    <a href="#">相机</a>
                    <a href="#">耳机</a>
                </span>
                <span class="item-lable font-12">
                    <a href="#" target="_blank">摆件</a>
                    <a href="#" target="_blank">灯具</a>
                    <a href="#" target="_blank">包款</a>
                    <a href="#" target="_blank">衬衫</a>
                    <a href="#" target="_blank">皮带</a>
                    <a href="#" target="_blank" class="more">more<em>&gt;&gt;</em></a>
                </span>
             </h2>
             <ul>
                <li>
                    <a href="#"><img src="style/img/goods_7.jpg" /></a>
                    <div class="goods_name"><a href="#">时尚雨伞</a></div>
                    <div class="gray">想在雨天出彩？</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_8.jpg" /></a>
                    <div class="goods_name"><a href="#">怀旧相册</a></div>
                    <div class="gray">沉淀你最深的回忆</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_9.jpg" /></a>
                    <div class="goods_name"><a href="#">墙上挂饰</a></div>
                    <div class="gray">装点你的家</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_10.jpg" /></a>
                    <div class="goods_name"><a href="#">许愿瓶</a></div>
                    <div class="gray">About Dreams</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_1.jpg" /></a>
                    <div class="goods_name"><a href="#">清新水杯</a></div>
                    <div class="gray">非常可爱的水杯</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_2.jpg" /></a>
                    <div class="goods_name"><a href="#">怀旧钟表</a></div>
                    <div class="gray">铁质，复古</div>
                </li> 
             </ul>
            </div>
             
    </div>
     <div class="show_newest_goods">
     <div><!--最新换品-->
             <h2 class="h2">
                <span class="greenline">
                    <span class="item-title">最新换品</span>
                </span>
                    <a href="#" target="_blank" class="more_2">更多<em>&gt;&gt;</em></a> 
             </h2>
             <ul>
                <li>
                    <a href="#"><img src="style/img/goods_1.jpg" /></a>
                    <div class="goods_name"><a href="#">清新水杯</a></div>
                    <div class="gray">非常可爱的水杯</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_2.jpg" /></a>
                    <div class="goods_name"><a href="#">怀旧钟表</a></div>
                    <div class="gray">铁质，复古</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_3.jpg" /></a>
                    <div class="goods_name"><a href="#">绿色植物</a></div>
                    <div class="gray">净化空气，文艺小清新</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_4.jpg" /></a>
                    <div class="goods_name"><a href="#">《旅行游记》</a></div>
                    <div class="gray">一本关于旅游的相册</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_5.jpg" /></a>
                    <div class="goods_name"><a href="#">白色短袖</a></div>
                    <div class="gray">清爽大气</div>
                </li>
                <li>
                    <a href="#"><img src="style/img/goods_6.jpg" /></a>
                    <div class="goods_name"><a href="#">经典名著</a></div>
                    <div class="gray">简爱，多读书，读好书</div>
                </li>
              </ul>
            </div>
    </div><!--show_newest_goods end-->
</div><!--wrap end-->


<div id="footer">
	<p class="p1">Copyright &copy;2011 聚萤工作室.                  All Rights Reserved. </p>
</div>
<script src="style/go-top.js" type="text/javascript" /></script>
<script type="text/javascript">
	jQuery(function($){
   	$.scrolltotop({
   	className: 'backtotop',
   	offsety:0
   });
});
</script>

</body>
</html>
